<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-title" content="标题"> <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes"><!-- 是否启用 WebApp 全屏模式 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mobile_reset.css">
    <link rel="stylesheet" href="../css/revamp_pw.css">
    <title>QQ修改</title>
    <script>
        (function () {
            document.addEventListener('DOMContentLoaded', function () {
                var html = document.documentElement;
                var windowWidth = html.clientWidth;
                html.style.fontSize = windowWidth / 7.5 + 'px';
                // 等价于html.style.fontSize = windowWidth / 750 * 100 + 'px';
            }, false);
        })();

        // 这个7.5就是根据设计稿的横向宽度来确定的，假如你的设计稿是640
        // 那么 html.style.fontSize = windowWidth / 6.4 + 'px';
    </script>
</head>
<body>
<!--绑定淘宝-->
<div class="revamp_QQ">
    <div class="new_QQ">
        <input type="text" placeholder="新的QQ号" >
    </div>
</div>

<div class="submit_btn">
    <input id="submit" type="button" value="提交">
</div>
<!--修改成功弹框-->
<div class="modal_success">
    <p><img src="../images/personal_icon_right_default@2x.png" alt=""></p>
    <p>修改成功</p>
</div>
<!--修改失败弹框-->
<div class="modal_fail">
    <p><img src="../images/personal_icon_off_default@2x.png" alt=""></p>
    <p>QQ号码错误，请重新填写</p>
</div>


</body>
<script src="../js/jquery-1.10.2.js"></script>
<script src="../js/mui.js"></script>
<script src="../js/btns.js"></script>
</html>













